<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>源码大数据-API列表页</title>

    <!-- 引入样式表: 注意引入顺序  样式重置表   公用样式 第三方样式表 当前页面样式表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/api.css">
</head>

<body>
    <!-- 1.头部 -->
    <header class="abs">
        <!-- logo -->
        <img src="./imgs/new-logo-white2.png" alt="源码数据" class="logo fl mt20 ml30">
        <!-- 导航 -->
        <ul class="nav abs font14">
            <li class="active"><a href="#">首页</a></li>
            <li><a href="#">API</a></li>
            <li><a href="#">案例</a></li>
        </ul>
        <!-- 登录和注册 -->
        <div class="right-box fr mt20 mr30 font12">
            <a href="#">登录</a><a href="#" class="register">注册有礼</a>
        </div>
    </header>
    <!-- api列表内容 -->
    <div class="container mt110">
        <!-- api分类 -->
        <div class="api-category">
            <!-- 标题 -->
            <h2 class="fwnormal font26 c3d">API分类</h2>
            <!-- 列表 -->
            <ul class="font12 mt25b55 clearfix" id="apiCate">
            </ul>
        </div>

        <!-- 搜索框 -->
        <div class="api-search clearfix">
            <span class="fl font14 c3d fblod mr20" id="apiName">全部</span>
            <form action="" class="fl clearfix">
                <input type="text" placeholder="身份证实名" class="fl i15" id="apiKeyWord">
                <input type="button" value="" class="fl btn">
            </form>
        </div>

        <!-- api列表内容 -->
        <ul class="api-content mt20 tcenter clearfix" id="apiContentList">
           
        </ul>


        <!-- 分页 -->
        <div class="pages-box tcenter">
            <div class="pages clearfix">
                <div id="pagesList" class="fl">
                    <a class="active">1</a>
                    <a>2</a>
                    <a>3</a>
                    <a>4</a>
                    <a>5</a>
                </div>
                <a href="#" class="fl">下一页</a>
            </div>
        </div>
    </div>


    <footer>

    </footer>
    <!-- 引入jquery库 -->
    <script src="./lib/jquery-1.11.3/jquery.min.js"></script>
    <!-- 引入辅助工具 -->
    <script src="./lib/utils.js"></script>
    <!-- 配置插件 -->
    <script src="./js/api2.js"></script>


</body>

</html>